<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="validausuario.jsp"%>
<%
	String perfil = (String)session.getAttribute("perfil");
	if (!perfil.equals("Admin")) {
		response.sendRedirect("accesodenegado.jsp");
		return;
	}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Causales Visita Fallida</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery-1.3.2.js" language="JavaScript"></script>
<link rel="Shortcut Icon" href="icono_tm.ico" type="image/x-icon" />
<script type="text/javascript" language="javascript">
	function agregar() {
		var codigo = $("#codigo").val();
		var descripcion =  $("#descripcion").val();

		if (codigo == "" || descripcion == "") {
			alert("falta ingresar informacion");
			return;
		}
			
			var cmd = document.getElementById("cmd_agregar");
			cmd.disabled = true;
			$("#info").html("<img src=\"images/loading.gif\" >Procesando solicitud");
			$.post(
				"SrvCausales",
				{
					operacion: "add",
					codigo: codigo,
					descripcion: descripcion
				},
				procesar
			
			);
	
	}
	
	function procesar(resultado) {
		var cmd = document.getElementById("cmd_agregar");
		cmd.disabled = false;
		if (resultado != 'OK') {
			$("#info").html("<img src=\"warning.jpg\">" + resultado);
		}else {
			$("#info").html("<img src=\"images/ok.png\">Causal agregada correctamente");
			document.getElementById("codigo").value = "";
			document.getElementById("descripcion").value = "";
			document.getElementById("codigo").focus();
			list();
		}
		
	}

	function list() {
		$("#list").load("SrvCausales?operacion=list");
	}
	function cancelar() {
		window.location.href = "menu.jsp?menu=1";
	}
	
</script>
</head>
<body onload="list()">
<%@ include file="header.jsp" %>
<h2>Causales Visita Fallida</h2>
<div id="info"></div>
<form action="" name="form1">
		<table id="lista" border=0>
		<tr>
			<th colspan="2">Datos Causales</th>
		</tr>
		<tr>
			<td>Id</td>
			<td><input type="text" name="codigo" id="codigo"></td>
		</tr>
		<tr>
			<td>Descripcion</td>
			<td><input type="text" name="descripcion" id="descripcion" size=40></td>
		</tr>
		<tr>
			<td colspan="2"><input type="button" name="cmd_agregar" id="cmd_agregar" value="Agregar" onclick="javascript:agregar()" >  <input type="button" name="cmd_cancelar" id="cmd_cancelar" value ="Cancelar" onclick="javascript:cancelar()" ></td>
		</tr>
		</table>
	</form>
	
	<div id="list"></div>
	<%@ include file="foot.jsp" %>
</body>
</html>